<ion-header>
   <ion-navbar>
        <ion-title>
            实例--选择图片
        </ion-title>
        <ion-buttons end class="rightIcon">
            <button ion-button icon-only (click)="send()">
            发送
            </button>
        </ion-buttons>
    </ion-navbar>
</ion-header>
<ion-content padding>
  <div class="newclass" *ngIf="imagePaths.length==0">
    <img src="assets/images/takephoto.png" tappable >
    <div class="lableclass">
      <div class="lable">
      <label (click)="addImg()">添加图片</label>
      </div>
    </div>
  </div>
  <div *ngIf="imagePaths.length>0">
    <div class="mainclass">
      <img class="newclasss" [src]="profilePicture"/>
      <div class="delete">
       <img class="imgdelete" src="assets/images/delet.png" (click)="deleteImage(profilePicture)" />
      </div>
    </div>
    <div class="imgContainer marginLeft10">
      <div class="manyImgContainer">
        <img class="manyImg" *ngFor="let image of imagePaths" [src]=image (click)="imageCilck(image)">
        <div class="clearFloat"></div>
      </div>
    </div>
    <img src="assets/images/add.png" class="imgAdd" tappable (click)="addImg()">
  </div>
  <div class="parent"*ngIf="isdisplay">
  <div class="alert" >
      <div  class="clickbutton" (click)="Photo()">
         <label>  拍照</label>
      </div>
      <div  class="clickbutton" (click)="TackPhoto()">
        <label> 从手机相册选择</label>
       </div>
      <div class="cloneclick" (click)="clone()">
        <label>取消</label>
        </div>
  </div>
  </div>
</ion-content>
